/*
Theme Name: ERL 1.2
Author: James Maxfield
Description:
Version: 1.1
*/

/*body*/

html, body
{
	margin: 0px;
	padding: 0px
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14;
	color: blue;
}

/*images*/

:root {
  --base: #ffffff;
  --bg-blend:multiply;
  --blur:0px;
  --fg-blend: screen;
  --foreground: #0432ff;
  --opacity: 1;
  --spacing: 0px;
}
.list-img-wrapper {
  background-color: var(--base);
  display:             flex;
  flex: 1 1 100%;
	width: 300;
	height: 200;
  overflow: hidden;
  padding: var(--spacing);
  position: relative;
	float: left;
}
.list-img-wrapper-single {
  background-color: var(--base);
  display:             flex;
  flex: 1 1 100%;
	width: 600;
	height: 400;
  overflow: hidden;
  padding: var(--spacing);
  position: relative;
	float: left;
}

.list-img-wrapper img, .list-img-wrapper-single img {
  filter: grayscale(100%) contrast(1) blur(var(--blur));
  flex: 1 0 100%;
  height: 100%;
  max-width: 100%;
  mix-blend-mode: var(--bg-blend);
  object-fit: cover;
  opacity: var(--opacity);
  position: relative;
  width: 100%;
}

.list-img-wrapper::before, .list-img-wrapper-single::before {
  background-color: var(--foreground);
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  mix-blend-mode: var(--fg-blend);
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

/*headings*/

h1{}

/*links*/

a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	color: blue;
	text-decoration: none;
}
a:active {
	color: blue;
	text-decoration: none;
}
a:hover {
	color: blue;
	text-decoration: underline;
}
a.current {
  color: blue;
	text-decoration: underline;
}

/*lists*/

ul, li{
	list-style: none;
	list-style-type: none;
}

.child li{
	display: inline;
	margin-right:20;
}

/*content*/

.sidebar{
	position: fixed;
	left:10;
	width:250;
}
.footnote{
    font-size: 10;
    width: 250;
    position: fixed;
    bottom: 75px;
}
.logo{
    
}
.title{
    padding-top:40px;
}
.date{
	position: fixed;
	right: 10;
}
.content{
	position: absolute;
	top: 34;
	left: 320;
	width: 600;
	height: auto;
	padding-bottom: 100px;
}
.content img {
	width: 100%;
	height: auto;
}
.single-content{
	padding-top: 20;
	float: left;
}
.child{
	position: fixed;
	z-index: 999;
	left: 320;
	width: 600;
	background-color: white;
}
.list{
    padding-top:20;
}
.listing{
		float: left;
		Width: 600;
		margin-bottom: 10;
}
.listingtext{
	width: 290;
	float: left;
	padding-left: 10;
}
.listtitle p {
    padding-top: 0;
    margin-top: 0;
}
#left {
	width: 50%;
	float: left;
}
#right {
	width: 50%;
	float: right;
}

/*Mobile Suport*/